<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="../include.jsp" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<script type="text/javascript">
		$(function(){
			$("#dg").datagrid({    
			    url:"<%=path%>/user/loadUsers.do",    
			    columns:[[    
			        {field:'userName',title:'用户名',width:100},      
			        {field:'isdel',title:'是否在职',width:100,align:'right'},
			        {field:'remark',title:'备注',width:100,align:'right'},
			        {field:'resetPwd',title:'操作',width:100,align:'right',formatter: function(v,r,i){
			        	var id=r.id;//获取用户的id
						return "<a style='text-decoration:none' href='javaScript:reset("+id+")'>重置密码</a>";
			        }}
			    ]],
			    pagination:true,//底部显示分页组件 
			    singleSelect:true,//设置单选 
			    toolbar: [{
					iconCls: 'icon-add',
					text:'添加',
					handler: function(){
						//当点击添加时,让隐藏的对话框弹出
						$("#dd").dialog("open");
					}
				},'-',{
					iconCls: 'icon-edit',
					text:'编辑',
					handler: function(){
						//当点击添加时,让隐藏的对话框弹出
						$("#dd").dialog("open");
					}
				},'-',{
					iconCls: 'icon-ok',
					text:'分配角色',
					handler: function(){
						//判断是否选中用户
						var row=$("#dg").datagrid("getSelected"); 
						if(row==null){//没选中
							$.messager.show({
								title:'我的消息',
								msg:"请选择用户!",
								timeout:3000,
								showType:'slide'
							});
						}else{//选中
							//将选中用户的id放入隐藏域中,便于做角色分配
							var userId=row.id;
							$("#userId").val(userId);
						
							var dom="";
							//加载所有的角色
							$.post("<%=path%>/role/findRoles.do",
							  function(data){
							     	$(data).each(function(i,v){ //遍历所有的角色
							     	  //遍历的角色累加给变量dom
							     	  //判断用户的角色rid和遍历的角色id一致，则选中
							     	  var rid=row.rid;
							     	  if(rid==v.id){
							     	  	dom+=("<input id='"+v.id+"' name='role' checked='checked' type='radio' value='"+v.id+"'/>"+v.rname);
							     	  }else{
							     	    dom+=("<input id='"+v.id+"' name='role' type='radio' value='"+v.id+"'/>"+v.rname);
							     	  }  
									});
									//将dom数据放入div中
									$("#dd2_1").html(dom);
							},"json");
							//分配角色对话框弹出
							$("#dd2").dialog("open");
						}
					}
				}]    
			});
			
			/*****************************给添加用户的弹出框关闭button添加事件*********************************/
			$("#saveCloseBtn").click(function(){
				//当点关闭按钮时,对话框关闭
				$("#dd").dialog("close");
			});
			
			/*****************************给添加用户的弹出框保存button添加事件*********************************/
			$("#saveBtn").click(function(){
				//获取数据
				var userName=$("#userName").val();
				var remark=$("#remark").val();
				
				//发送到后台
    			$.post("<%=path%>/user/saveUser.do",{userName:userName,remark:remark},
				   		function(data){
				     	if(data==true){//添加成功
				     		//刷新数据表格
						    $("#dg").datagrid("reload");
						    //关闭对话框
						    $("#dd").dialog("close");
				     		$.messager.show({
								title:'我的消息',
								msg:"添加成功!",
								timeout:3000,
								showType:'slide'
							});
				     	}else{
				     		///添加不成功
				     		$.messager.show({
								title:'我的消息',
								msg:"添加失败!",
								timeout:3000,
								showType:'slide'
							});
				     	}
				},"json");	
			});
			
			/*****************************给分配角色的弹出框保存button添加事件*********************************/
			$("#saveBtn2").click(function(){
				//获取用户的id从隐藏域中
				var userId=$("#userId").val();
				//取角色id
				var rid=$("#dd2_1 input:checked").val();
				//将角色rid传入后台
				$.post("<%=path%>/user/assignRole.do",{id:userId,rid:rid},
				   		function(data){
				     	if(data==true){//分配角色成功
						    //关闭对话框
						    $("#dd2").dialog("close");
				     		$.messager.show({
								title:'我的消息',
								msg:"分配角色成功!",
								timeout:3000,
								showType:'slide'
							});
				     	}else{
				     		///分配角色不成功
				     		$.messager.show({
								title:'我的消息',
								msg:"分配角色失败!",
								timeout:3000,
								showType:'slide'
							});
				     	}
				},"json");	
			});
			
			/*****************************给分配角色的弹出框关闭button添加事件*********************************/
			$("#saveCloseBtn2").click(function(){
				$("#dd2").dialog("close");
			});
		});
		
		/*****************************重置密码的方法*********************************/
		function reset(id){
			$.post("<%=path%>/user/resetPwd.do",{id:id},
		   		function(data){
		     	if(data==true){
		     		messager("重置密码成功!");
		     	}else{
		     		messager("重置密码失败!");
		     	}
			 },"json");
		}
		
		
	</script>
  </head>
  
  <body>
  	 <!-- 加载用户数据 -->
     <table id="dg"></table>  
     
     <!-- 添加用户的对话框 -->
    <div id="dd" class="easyui-dialog" title="添加用户" style="width:310px;height:170px;"   
        data-options="iconCls:'icon-save',resizable:true,modal:true,buttons:'#bb',closed:true">   
    	<form>
    		名字:&nbsp;<input type="text" id="userName" name="userName"/><br/><br/>
    		备注:&nbsp;<input type="text" id="remark" name="remark"/><br/><br/>
    	</form>  
	</div>
	<div id="bb">
		<a id="saveBtn" href="#" class="easyui-linkbutton">保存</a>
		<a id="saveCloseBtn" href="#" class="easyui-linkbutton">关闭</a>
	</div>
	
	 <!-- 分配角色的对话框 -->
    <div id="dd2" class="easyui-dialog" title="分配角色" style="width:310px;height:170px;"   
        data-options="iconCls:'icon-save',resizable:true,modal:true,buttons:'#bb2',closed:true">
          <!-- 存放选中用户的id -->  
    	  <input type="hidden" id="userId"/>
        <!-- 存放所有角色 -->   
    	<div id="dd2_1"></div>
	</div>
	<div id="bb2">
		<a id="saveBtn2" href="#" class="easyui-linkbutton">保存</a>
		<a id="saveCloseBtn2" href="#" class="easyui-linkbutton">关闭</a>
	</div>
  </body>
</html>
